<span class="ss-platform-appicon" [class.circle]="option.circle===false?false:true" [ss-platform-popover]="{template:propertyTemplateRef}">
  <i [ngClass]="'color-'+option.color" [style.fontSize.px]="option.fontSize?option.fontSize:18" [style.width.px]="option.width" [style.height.px]="option.height"
     [style.lineHeight.px]="option.height-2">{{option.icon ? option.icon : '\ue001'}}</i>
</span>
<ng-template #propertyTemplateRef>
  <div class="ss-platform-popover-content ss-platform-appicon-property" ss-platform-popover-direction='{"top":40}'>
    <div class="title">
      <strong>图标颜色</strong>
    </div>
    <div class="color">
      <ul class="clearfix">
        <li *ngFor="let color of ['a','b','c','d','e','f']" (click)="option.color=color;change.emit(option)"><span [ngClass]="'color-'+color"></span></li>
      </ul>
    </div>
    <div class="title">
      <strong>图标图形</strong>
    </div>
    <div class="icons">
      <ul [ngClass]="'clearfix app-color-'+option.color">
        <li *ngFor="let icon of ICONS" (click)="option.icon=icon;change.emit(option)"><i>{{icon}}</i></li>
      </ul>
    </div>
  </div>
</ng-template>
